<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>TMC智慧消防移动端</title>
		<link rel="stylesheet" type="text/css" href="css/public.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<script src="js/jquery.min.js"></script>
		<script src="js/public.js"></script>
	</head>

	<body>
		<div class="topbox">
			<div class="head clearfloat">
				<div class="logo clearfloat">
					<em></em><span>智慧消防大数据云平台</span>
				</div>
				<div class="nav">
					<ul class="clearfloat">
						<li><a href="index.html">首页</a></li>
						<li class="active"><a href="">产品中心</a>
							<div class="nav_down">
								<p><a href="tmc1.html">TMC智慧消防云平台</a></p>
								<p><a href="tmc2.html">TMC智慧消防APP/小程序</a></p>
								<p><a href="tmc3.html">TMC可视化指挥平台</a></p>
								<p><a href="hard.html">硬件终端</a></p>
							</div>
						</li>
						<li><a href="solve.html">解决方案 </a>
							<div class="nav_down">
								<p><a href="">火灾自动报警系统解决方案</a></p>
								<p><a href="">电气火灾监控系统解决方案</a></p>
								<p><a href="">可燃气体监控系统解决方案</a></p>
								<p><a href="">消防给水监测系统解决方案</a></p>
								<p><a href="">气体灭火控制系统解决方案</a></p>
								<p><a href="">防火门监控系统解决方案</a></p>
								<p><a href="">消防视频监控系统解决方案</a></p>
								<p><a href="">消防巡检系统解决方案</a></p>
								<p><a href="">应急疏散系统解决方案</a></p>
							</div>
						</li>
						<li><a href="case.html">应用案例</a></li>
						<li><a href="agent.html">招商代理</a></li>
						<li><a href="about.html">关于我们</a></li>
					</ul>
				</div>
			</div>

		</div>
		<!--top-->
		<div class="wraps">
			
		
		<div class="pro_ban">
			<div class="pro_use clearfloat">
				<div class="pro_le">
					<div class="good_tit">
						TMC智慧消防移动端
					</div>
					<div class="good_info">
						TMC智慧消防移动端是针对我国消防监管管理工作任务繁重，警力不足，检查不规范等现实情况而研发，以标，规范化，便携化，可扩展化为基本理念，从社会单位、维保单位，管理部门三种维度设计出消防监督管理APP和小程序，从而实现社会单位的消防实时安全管理。
					</div>
					<div class="good_more">
						<a href="">立即咨询</a>
					</div>
				</div>
				<div class="bud_pic">
					<div id="bud1" class="bud1">
						<img src="images/bud1.png" alt="" width="67" height="78">
					</div>
					<div id="bud2" class="bud2">
						<img src="images/bud2.png" alt="" width="441" height="249">
					</div>
					<div id="bud3" class="bud3">
						<img src="images/bud3.png" alt="" width="367" height="217">
					</div>
				</div>
			</div>
		</div>

		<!--banner-->
		<div class="main">
			<div class="term_top">
				<div class="term_tit">
					TMC智慧消防移动端
				</div>
				<div class="term_info">
					针对不同社会角色使用需求，定制不同的APP，实现社会单位、维保单位、管理部门的互联互通。
				</div>
				
			</div>
                <div class="term_cut">
					<span class="active"> 消防员</span><span>值班员</span><span>巡检员</span><span>企业负责人、保安部经理</span>
				</div>
			<div class="truc_box clearfloat">
				<div class="truc_text">
					<div class="role">
						<span>角色1</span><em>消防员</em>
					</div>
					<div class="role_info">
						消防员:通过APP查看消防设备数据，通过地图选取到达火场最优路线，驾驶消防车辆到达火场，执行指挥中心下发的作战方案。
					</div>
					<div class="role_list">
						<ul>
							<li class="clearfloat">
								<div class="role_tit">
									&#xe71b;
								</div>
								<div class="role_name">
									路线规划
								</div>
							</li>
							<li class="clearfloat">
								<div class="role_tit">
									&#xe670;
								</div>
								<div class="role_name">
									设备信息
								</div>
							</li>
							<li class="clearfloat">
								<div class="role_tit">
									&#xe9a1;
								</div>
								<div class="role_name">
									火警联动
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="truc_pic">
					<img src="temp/truc1.png" />
				</div>

			</div>

			<!--角色1-->
			<div class="presibox clearfloat">
				<div class="presi">
					<div class="truc_text">
						<div class="role">
							<span>角色2</span><em>值班员</em>
						</div>
						<div class="role_info">
							通过APP接受消防预警信息，并对预警信息进行巡查，排除消防隐患。
						</div>
						<div class="role_list">
							<ul>
								<li class="clearfloat">
									<div class="role_tit">
										&#xe658;
									</div>
									<div class="role_name">
										报警通知
									</div>
								</li>
								<li class="clearfloat">
									<div class="role_tit">
										&#xe620;
									</div>
									<div class="role_name">
										隐患排查
									</div>
								</li>
								<li class="clearfloat">
									<div class="role_tit">
										&#xe66b;
									</div>
									<div class="role_name">
										值班记录
									</div>
								</li>
							</ul>
						</div>
					</div>
					<div class="truc_pic">
						<img src="temp/truc2.png" />
					</div>
				</div>

			</div>
			<!--角色2-->
			<div class="rout_box clearfloat">
				<div class="truc_text">
					<div class="role">
						<span>角色3</span><em>巡检员</em>
					</div>
					<div class="role_info">
						巡检员：通过APP下发的巡检任务对消防设施进行巡检，并对出现故障的消防设备进行上报维修。
					</div>
					<div class="role_list">
						<ul>
							<li class="clearfloat">
								<div class="role_tit">
									&#xe77d;
								</div>
								<div class="role_name">
									巡检任务
								</div>
							</li>
							<li class="clearfloat">
								<div class="role_tit">
									&#xe761;
								</div>
								<div class="role_name">
									巡检导航
								</div>
							</li>
							<li class="clearfloat">
								<div class="role_tit">
									&#xe63c;
								</div>
								<div class="role_name">
									故障上报
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="truc_pic">
					<img src="temp/truc3.png" />
				</div>
			</div>
			<!--角色3-->
			<div class="esta_box">
				<div class="esta">
					<div class="truc_text">
						<div class="role">
							<span>角色4</span><em>企业负责人、保安部经理</em>
						</div>
						<div class="role_info">
							企业负责人、保安部经理：可以通过手机APP随时检查消防控制室值班情况，单位消防系统完好情况。
						</div>
						<div class="role_list">
							<ul>
								<li class="clearfloat">
									<div class="role_tit">
										&#xe64c;
									</div>
									<div class="role_name">
										值班监控
									</div>
								</li>
								<li class="clearfloat">
									<div class="role_tit">
										&#xe616;
									</div>
									<div class="role_name">
										消防状态
									</div>
								</li>
								<li class="clearfloat">
									<div class="role_tit">
										&#xe6ad;
									</div>
									<div class="role_name">
										统计报告
									</div>
								</li>
							</ul>
						</div>
					</div>
					<div class="truc_pic">
						<img src="temp/truc4.png" />
					</div>
				</div>
			</div>
             <!--角色4-->
             <div class="down_load clearfloat">
             	<div class="down_tit">
             		下载地址
             	</div>
             	<div class="down_way clearfloat">
         			<div class="down_ico ios">
         				&#xe643;
         			</div>
         			<div class="down_text">
         				<h1>TMC智慧消防iPhone版</h1>
         				<div class="down_info">
         					实现社会单位的消防实时安全管理
         				</div>
         			</div>
         			<div class="down_btn">
         				<a href="">下载</a>
         			</div>
             		
             	</div>
             	<div class="down_way clearfloat">
         			<div class="down_ico">
         				&#xe70b;
         			</div>
         			<div class="down_text">
         				<h1>TMC智慧消防安卓版</h1>
         				<div class="down_info">
         					实现社会单位的消防实时安全管理
         				</div>
         			</div>
         			<div class="down_btn">
         				<a href="">下载</a>
         			</div>
             	</div>
             </div>
		</div>
		<!--main-->

		<div class="footerbox">
			<div class="footer clearfloat">
				<div class="hot_line">
					<div class="hot_tit">
						<span>售前咨询热线</span>
					</div>
					<div class="call">
						400-888-8888
					</div>
					<div class="qqin">
						QQ咨询
					</div>
				</div>
				<div class="fast_nav">
					<div class="fast_tit">
						快速导航
					</div>
					<div class="fast_list">
						<p><a href="tmc1.html">产品中心</a></p>
						<p><a href="solve.html">解决方案</a></p>
						<p><a href="case.html">应用案例</a></p>
						<p><a href="agent.html">招商代理</a></p>
						<p><a href="about.html">关于我们</a></p>
					</div>
				</div>
				<div class="contus">
					<div class="fast_tit">
						联系我们
					</div>
					<div class="fast_list">
						<p>武汉XX科技有限公司</p>
						<p>地址：湖北省武汉市洪山区光谷XX大厦</p>
						<p>邮箱：admin@admin.com</p>
						<p>电话：400-888-8888</p>
					</div>
				</div>
				<div class="code">
					<div class="code_pic">
						<img src="temp/code.png" />
					</div>
					<div class="code_text">
						微信公众号
					</div>
				</div>
			</div>
			<div class="copy">
				&copy; <script>document.write(new Date().getFullYear());</script> XX公司&nbsp;&nbsp;ICP备XXXXXXXX号&nbsp;&nbsp;友情链接：<a style="color:#fff;" href="https://www.jsdaima.com/" title="js代码" target="_blank">js代码（www.jsdaima.com）</a>
			</div>
		</div>
		
		<div class="contact">
			<div class="callbox">
				<span>&#xe606;</span>
				<div class="call_num">
					400-888-8888
				</div>
			</div>
			<div class="wxbox">
				<span></span>
				<div class="wxpic">
					<img src="temp/weixin.png" />
				</div>
			</div>
			<div class="return">
				<span></span>
				<!--<img src="images/return.png"/>-->
			</div>
		</div>
</div>
		<!--右侧返回顶部-->
		<script src="js/jquery.nGyroParallax.js"></script>
		<script type="text/javascript">
			$(function() {
				$(".pro_ban").mousemove(function(e) {
					$('#bud1').nGyroParallax({
						magnification: .005
					});
					$('#bud2').nGyroParallax({
						magnification: .004
					});
					$('#bud3').nGyroParallax({
						magnification: .002
					});
				}).mouseleave(function() {
					$('#bud1').nGyroParallax({
						magnification: 0
					});
					$('#bud2').nGyroParallax({
						magnification: 0
					});
					$('#bud3').nGyroParallax({
						magnification: 0
					});
				})
			});
		</script>
		
		<script>
			var pro=function(){
			var index=0;
			var h1=$('.truc_box').offset().top;
			var h2=$('.presibox').offset().top;
			var h3=$('.rout_box').offset().top;
			var h4=$('.esta_box').offset().top;
			$(".term_cut span").click(function(){
				$(this).addClass("active").siblings("span").removeClass("active");
				index=$(this).index();
				if(index==0){
					$(".wraps").animate({scrollTop:h1-200}, 300);
				}else if(index==1){
					$(".wraps").animate({scrollTop:h2-200}, 300);
				}else if(index==2){
					$(".wraps").animate({scrollTop:h3-200}, 300);
				}else if(index==3){
					$(".wraps").animate({scrollTop:h4-200}, 300);
				}
			})
			var mahe=$(".term_cut").offset().top-60;
			$(".wraps").scroll(function(){
				var he=$(this).scrollTop();
				if(he<mahe){
					$(".term_cut").removeClass("active");
				}else{
					$(".term_cut").addClass("active")
				}
				if(he<h1){
					$(".term_cut span").eq(0).addClass("active").siblings("span").removeClass("active");
				}else if(he<h2){
					$(".term_cut span").eq(1).addClass("active").siblings("span").removeClass("active");
				}else if(he<h3){
					$(".term_cut span").eq(2).addClass("active").siblings("span").removeClass("active");
				}else if(he<h4){
					$(".term_cut span").eq(3).addClass("active").siblings("span").removeClass("active");
				}
			})
			
		}
			pro();//产品中心切换
		</script>
	</body>

</html>